<template>
        <div class="Botm">
            <!-- 底部版心 -->
            <div class="BotmMid">
                <h2>友情链接：</h2>
                <div id="Botma">
                    <p v-for="(item) in footer" :key="item.dictSort">
                        {{item.dictLabel}}
                    </p>
                </div>
                <div class="bottomXian"></div>
                <div class="bottomWord">
                    Copyright © 2017-2025 石家庄天亮教育科技有限公司 备案号:冀ICP备17020003号
                </div>
            </div>
        </div>
</template>

<script>
    export default {
        name: "MyFooter",
        data(){
            return{
                footer:[]
            }
        },
        created() {
            let urlParamter= new URLSearchParams()
            urlParamter.append('dictType','blogroll')
            urlParamter.append('pageNum',1)
            urlParamter.append('pageSize',10)
            urlParamter.append('orderByColumn','dictSort')
            urlParamter.append('isAsc','asc')
            this.$axios.post("http://wkt.myhope365.com/system/dict/data/list/open",urlParamter).then((res)=>{
                // console.log(res.data.rows)
                this.footer = res.data.rows
            })
        }
    }
</script>

<style scoped>
    h2{
        color: #999;
    }
    .Botm{
        width: 100%;
        height: 200px;
        background-color: #444546;
        color: #999;
    }
    .BotmMid{
        margin: auto;
        width: 1100px;
        height: 200px;
        overflow: hidden;
    }
    .BotmMid>h2{
        margin: 50px 0 20px 0;
        font-size: 22px;
    }
    #Botma{
        width: 1200px;
        height: 30px;
    }
    #Botma>p{
        float: left;
        margin-right: 30px;
    }
    #Botma>p{
        color: #999;
    }
    #Botma>p:hover{
        text-decoration: none;
        color: #00cf8c;
        cursor: pointer;
    }
    .bottomXian{
        margin: auto;
        margin-top: 15px;
        width: 1000px;
        height: 1px;
        background-color: #666;
    }
    .bottomWord{
        text-align: center;
    }
</style>